<template>
    <div id="mainRight" style="width: 100%;height:100%;padding-top: 5px;padding-bottom: 5px;"></div>
</template>
<script setup lang="ts">
import * as echarts from 'echarts';
import { onMounted } from 'vue';
var option = {
    title:{
        text:"PM浓度：",
    },
    // mg/m3
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value',
        name: "µg/m³",
    },
    series: [
        {
            data: [19.5, 21.5, 22.5, 23.5, 18.0, 19.0, 20.0],
            type: 'line',
            smooth: true
        }
    ]
};
onMounted(() => {
    var myChart = echarts.init(document.getElementById('mainRight'));
    // 绘制图表
    myChart.setOption(option);
});
</script>